<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
     /*
        1、将所有段落设置为红色
       p{
            color:red;
            font-size:60px;
        }
        h1{
            color:greenyellow;
        }
        #red{
            color:aquamarine;
        } 
        .blue{
            color:blue;
        }
        .abc{
            font-size:30px;
        }
        div.red{
            color:green;
            font-size:30px;
        }
        .a.b.c{
            color:red;
        }
        h1,span{
            color:green;
        
            选择器分组（并集选择器）
            
        div.boss > span{
            color:orangered;
        }
        div span{
            color:aqua;
        }
        p + span{
            color:purple;
        }
        p ~ span{
            color:red;

        }*/
        p[title]{
            color:orange;
        }
        p[title=abc]{
            color:red;
        }
        p[title^=abc]{
            color:blue;
        }
        p[title$=abc]{
            color:deeppink;
        }
        p[title*=abc]{
            color:black;
        }
    </style>
</head>
<body>
    <p title="abc">少小离家老大愁</p>
    <p title="abchhhh">乡音无改鬓毛衰</p>
    <p title="helloabc">儿童相见不相识</p>
    <p title="woabcld" >笑问客从何处来</p>
    
    <!--<h1>我是标题，哈哈哈哈哈</h1>
    <p>谁知盘中餐，粒粒皆辛苦</p>
    <p id="red">越努力越幸运</p>
    <p class="blue">秋水共长天一色</p>
    <p class="blue abc">落霞与孤鹜齐飞</p>
    <div class="red">我是div</div>
    <p class="red a b c">我是p元素</p>
    <h1>标题</h1>
    <span>哈哈哈哈哈</span>
    <div class="boss">
        我是一个div
        <p>
            我是div中的p元素
            <span>我是p元素中的span</span>
        </p>
        <span>我是div中的span元素</span>
        <span>我是div中的span元素</span>
        <span>我是div中的span元素</span>
        <span>我是div中的span元素</span>
        <span>我是div中的span元素</span>-->
    </div>
    
</body>
</html>